<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>14-cookie</title>
		<script type="text/javascript">
		
		window.onload = function(ev)
		{
			/*
			cookie：会话跟踪技术		用于客户端
			session：会话跟踪技术		用于服务端
			
			cookie作用：
			将网页中的数据保存到浏览器中，
			
			cookie的生命周期：
			默认情况下生命周期是一次会话(浏览器被关闭)
			-如果 expires = 设置了过期时间，并且过期时间没有过期，那么下次打开浏览器还是存在cookie 
			
			-如果 expires = 设置了过期时间，如果已经过期了，那么会立即删除保存的数据，
			
			key = value
			cookie 注意点：
			cookie 默认不会保存任何的数据，
			cookie 不能一次性设置多条数据，要想保存多条数据，只能一条一条的设置，
			cookie 有大小和个数的限制，
			个数限制：20~50
			大小限制：4KB左右
			
			cookie作用范围：
			同一个浏览器的同一个路劲下访问，
			如果在同一浏览器中，默认情况下下一级路劲就可以访问
			
			如果在同一浏览器中，想让上一级目录也能访问保存的cookie，那么需要添加一个path属性才可以
			// document.cookie = "name=zs;path=/";
			 如果说保存到了/JS/Ajax2021 路劲下，我们想在/JS/Ajax2021/13-weibo/,并且在
		
			例如：我们在www.it666.com下面保存了一个cookie，那么我们在edu.it666.com中是无法访问的，
			
				如果想在edu.it666.com中也能访问，那么我们需要再添加一句代码：domain=it666.com;
				
				
				
			例如:
			保存到了www.it666.com/jQuery/Ajax/路径下，
			我们想在 www.it666.com/jQuery/Ajax/13-weibo/ ,
			和 www.it666.com/jQuery/路径下也能访问
			
			例如:
			我们在www.it666.com下面保存了一个cookie,
			那么我们在edu.it666.com中是无法访问的
			如果想在edu.it666.com中也能访问，
			那么我们需要再添加一个domain属性才可以;
			document.cookie = "name=zs;path=/;domain=it666.com;";

			*/
		   
		   //alert(document.cookie);
		   
		   // var date = new Date();
		   // date.setDate(date.getDate() - 1);
		   // alert(document.cookie = "key = value;expires="+date.toGMTString()+";");
		   
		   // document.cookie = "name=yyf;";
		   // document.cookie = "age=18;";
		   // alert(document.cookie);
		   
		   
		   document.cookie = "name = yyf;age=20;gender = male";
		   
		   //path将cookie保存到根路径，所有子栏目都可以访问
		   document.cookie = "name=zs;path=/;domain=127.0.0.1";
		   
		   
		};
		</script>
	</head>
	<body>
	</body>
</html>
